




/*header*/

.header {
    height: 65px;
    position: relative;
    background-color: #fff;
    transition: background-color .3s;
    z-index: 2;
}

.header .logo {
    width: 100px;
    height: 50px;
    margin-top: 15px;
    overflow: hidden;
    cursor: pointer;
    z-index: 9;
    position: relative;
    transition: .5s all;
    background: url(../img/logo.png) no-repeat;
    background-size: 93px;
}

.header .nav {
    opacity: 1;
}

.header .nav h2 {
    z-index: 5;
    position: relative;
}

.header .nav h2 a {
    /*color: #fff;*/
    height: 60px;
    width: 140px;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    transition: .3s all;
}

.header .nav li:last-child h2 a {
    width: 30px;
    margin: 0 40px;
    cursor:default;
}

.header .nav h2 a:hover {
    color: #fdcf00;
}

.header .nav li {
    float: left;
}
#img05 {
    background-image: url(../img/首页.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    max-width: 6000px;
    max-height: 3720px;
}
.panel.spotlight .image img {
    width: 53%;
    height: 68%;
    margin-left: 105%;
    margin-top: 25%;
}
#box2{
    /*   position: absolute;*/
    width: 38%;
    margin-left: 50%;
    position: relative;
    top: 10%;
    transition: all 2s;/*过渡时间*/
}
.up{
    /*图片向上状态*/
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}
.header .submenu {
    height: 380px;
    width: 100%;
    top: -600px;
    left: 0;
    z-index: 3;
    position: absolute;
    /*background: rgba(255,255,255,.97);*/
    transition: .3s all;
}
/*透明度*/
.header .submenu .sub_panel {
    background-color: rgba(15, 154, 242, 0.4);
    height: 300px;
    width: 100%;
    overflow: hidden;
    margin-top: 80px;
    position: absolute;
}
.header .submenu dl {
    height: 300px;
    width: 1200px;
    left: 50%;
    top: -600px;
    transform: translateX(-50%);
    position: absolute;
    transition: .4s all;
}

.header .submenu dd {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.webstieMain{
    float: left;
    margin-left: 24%;
}
.webstieMain:hover{
    background:#fff;
}

.header .submenu dd a {
    width: 170px;
    color: #141414;
    line-height: 2;
    margin: 57px 90px;
    display: inline-block;
    transition: .2s all;
}
.header .submenu dd a:hover {
    color: #0f9af2;
}
.header .submenu dd img {
    width: auto;
    max-height: 165px;
}

.header .nav li {
    transition: .5s all;
}

.header .nav li:hover dl {
    height: 300px;
}

.header .nav .search_btn img {
    top: 5px;
    position: relative;
}


/*语言切换按钮*/

.header .language {
    width: 1000px;
    display: none;
    line-height: 80px;
    text-align: center;
}
.header .language li {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.header .language a {
    color: #666;
    float: left;
    width: 175px;
    display: block;
    font-size: 20px;
    text-align: center;
    transition: all .2s;
}
.header .language a:hover {
    color: #fdcf00;
}

.header .language span {
    height: 18px;
    width: 1px;
    background: #666;
    display: block;
}

/*
.header .language_switch {
	top: 0;
	left: 50%;
	color: #fff;
	height: 80px;
	display: block;
	line-height: 80px;
	margin-left: 715px;
	position: absolute;
	padding-left: 30px;
	background: url(../images/lang.png) left center no-repeat;
}
*/
/*.header .language_switch {
    color: #b9b9b9;
    height: 80px;
    display: block;
    line-height: 80px;
    padding-left: 0px;
    padding-left: 30px;
    background: url(../images/lang.png) left center no-repeat;
}*/

/*header 背景渐变动画*/


.page-enter-active,.page-leave-active {
    transition: opacity .5s
}

.page-enter,.page-leave-active {
    opacity: 0
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(//static.smartisanos.cn/delta/fonts/46ac662.eot?#iefix) format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before {
    content: "\f115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    word-break: normal
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,.video-js :after,.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3,.video-js.vjs-16-9,.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill,.video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100%!important;
    height: 100%!important;
    padding-top: 0!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none!important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block!important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: linear-gradient(180deg,rgba(0,0,0,.8),hsla(0,0%,100%,0));
    overflow: auto;
    box-sizing: content-box
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    overflow: auto;
    box-sizing: content-box
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar {
    display: none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.333333333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115,133,159,.5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115,133,159,.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 3em
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical,.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: 9em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3.5em;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster,.vjs-poster img {
    vertical-align: middle;
    padding: 0
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,.vjs-live .vjs-time-control,.vjs-no-flex .vjs-current-time {
    display: none
}

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
    width: 0!important;
    white-space: nowrap
}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    cursor: pointer;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto
    }

    .vjs-text-track-settings .vjs-track-settings-colors {
        display: block;
        grid-column: 1;
        grid-row: 1
    }

    .vjs-text-track-settings .vjs-track-settings-font {
        grid-column: 2;
        grid-row: 1
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 2;
        grid-row: 2
    }
}

.vjs-track-setting>select {
    margin-right: 5px
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg,#fff 88%,#73859f)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43,51,63,.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg,#fff 88%,#73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),.video-js :focus:not(.focus-visible),.video-js :focus:not(:focus-visible) {
    outline: none
}

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }
}

@media \0screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden
    }
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s,opacity .4s;
    background-color: #dc143c;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: Helvetica Neue,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

em {
    font-style: normal
}

/*! reset.css */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0
}

a {
    color: #666;
    cursor: pointer;
    transition: all .15s ease-out;
    text-decoration: none
}

iframe {
    display: block
}

ol,ul {
    list-style: none
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

:focus {
    -moz-outline-style: none;
    outline: none
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

body,html {
    -webkit-tap-highlight-color: transparent
}

body {
    background: #ededed
}

img[lazy=error],img[lazy=loading] {
    background-repeat: repeat
}

.app-wrap[data-v-555f7300] {
    min-width: 1220px
}

.app-container[data-v-555f7300],.app-wrap[data-v-555f7300] {
    width: 100%
}

.topbar-tabs .text-hidden[data-v-1601829a] {
    opacity: 0;
    width: 1px;
    height: 1px
}

.app-wrap .header-topbar[data-v-1601829a] {
    width: 100%;
    height: 45px;
    background-image: linear-gradient(90deg,#222325,#3b3c3f,#222325);
    position: relative;
    z-index: 1
}

.app-wrap .header-topbar .topbar-aside[data-v-1601829a] {
    float: right;
    margin: 11px 21px 0 0
}

.app-wrap .header-topbar .topbar-aside .aside-icon[data-v-1601829a] {
    float: left
}

.app-wrap .header-topbar .topbar-aside .aside-icon[data-v-1601829a]:last-child {
    margin-right: 0
}

.topbar-aside a[data-v-1601829a] {
    display: inline-block;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    background: url(//static.smartisanos.cn/delta/img/c263462.png) 1px 2px no-repeat;
    background-size: 180%
}

.topbar-aside .user[data-v-1601829a] {
    background-size: 180%
}

.topbar-aside .cart[data-v-1601829a] {
    transform: translateY(1px);
    background-position: 0 -17px
}

.topbar-logo[data-v-1601829a] {
    float: left;
    margin: 12px 0 0 20px;
    background: url(//static.smartisanos.cn/delta/img/634d949.png) no-repeat 50%;
    background: url(//static.smartisanos.cn/delta/img/634d949.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .topbar-logo[data-v-1601829a] {
        background: url(//static.smartisanos.cn/delta/img/557a115.png)
    }
}

.topbar-logo[data-v-1601829a] {
    background: -webkit-image-set(url(//static.smartisanos.cn/delta/img/634d949.png) 1x,url(//static.smartisanos.cn/delta/img/557a115.png) 2x) no-repeat 50%;
    background-size: contain;
    height: 18px;
    width: 18px
}

.header-topbar .topbar-container[data-v-1601829a] {
    width: 1220px;
    height: 100%;
    margin: 0 auto
}

.header-topbar .topbar-container .tabs-item[data-v-1601829a] {
    float: right;
    line-height: 28px;
    margin: 9px 180px 0 0;
    font-size: 18px
}

.header-topbar .topbar-container .tabs-item li[data-v-1601829a] {
    float: left;
    cursor: pointer;
    font-size: 12px;
    color: hsla(0,0%,100%,.7);
    padding: 0 20px
}

.header-topbar .topbar-container .tabs-item li.active[data-v-1601829a] {
    color: #e5e5e5;
    font-weight: 700
}

.sub-nav-wrap[data-v-154923a0] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    width: 100%;
    min-width: 1220px;
    height: 40px;
    padding: 0 100px;
    box-sizing: border-box;
    box-shadow: 0 1px 0 hsla(0,0%,40%,.1);
    background: #fff;
    justify-content: space-between;
    align-items: center
}

.sub-nav-wrap li[data-v-154923a0] {
    display: inline-block;
    font-size: 12px;
    color: #666;
    line-height: 40px;
    margin-right: 25px
}

.sub-nav-wrap li .active[data-v-154923a0] {
    color: #4d4d4d;
    font-weight: 700
}

.sub-nav-wrap.fixed[data-v-154923a0] {
    position: fixed
}

.nav-service[data-v-154923a0] {
    display: flex;
    align-items: center
}

.nav-service .link-item[data-v-154923a0] {
    position: relative;
    color: rgba(0,0,0,.4);
    font-size: 12px
}

.nav-service .link-item[data-v-154923a0]:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 12px;
    width: 1px;
    right: -15px;
    background: #ccc
}

.nav-service .link-item[data-v-154923a0]:hover {
    color: #4d4d4d;
    font-weight: 700
}

.nav-service .btn-item[data-v-154923a0] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
    font-size: 12px;
    color: #fff;
    width: 92px;
    height: 40px;
    font-weight: 700;
    background-image: url(//static.smartisanos.cn/delta/img/811cba5.png);
    background-size: contain
}

.nav-service .btn-item a[data-v-154923a0] {
    color: #fff
}

.page-flex-wrap {
    display: flex
}

.page-flex-wrap .scroll-item {
    height: inherit;
    flex-direction: row
}

img {
    width: 100%
}

.common-slogan {
    align-self: center;
    white-space: nowrap
}

.common-slogan h1 {
    font-size: 40px;
    line-height: 40px;
    opacity: .8
}

.common-slogan h1,.common-slogan h3 {
    margin-bottom: 20px;
    font-weight: bolder;
    color: #000
}

.common-slogan h3 {
    font-size: 24px;
    line-height: 28px;
    opacity: .5
}

.common-slogan p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    opacity: .4
}

.common-slogan p.tip {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    opacity: .4
}

.common-slogan p+p {
    margin-top: 10px
}

.common-slogan .unit {
    font-size: 16px;
    line-height: 18px;
    vertical-align: text-top
}

.common-specs-intro {
    display: flex;
    justify-content: space-between;
    margin-top: 4vh
}

.common-specs-intro ul+ul {
    margin-left: 10.67vh
}

.common-specs-intro li {
    margin-bottom: 2.7vh
}

.common-specs-intro .title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    opacity: .8;
    font-weight: bolder;
    margin-bottom: 6px
}

.common-specs-intro .desc {
    font-size: 10px;
    line-height: 12px;
    color: #000;
    opacity: .4
}

.common-specs-intro .unit {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    transform: scale(.8)
}

.common-desc-list {
    margin: 0;
    padding-left: 30px;
    white-space: nowrap
}

.common-desc-list li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px
}

.common-desc-list li .desc {
    opacity: .4
}

.common-desc-list li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url();
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .common-desc-list li:before {
        background-image: url(//static.smartisanos.cn/delta/img/9c138a9.png)
    }
}

.common-desc-list li:before {
    background-image: -webkit-image-set(url() 1x,url(//static.smartisanos.cn/delta/img/9c138a9.png) 2x);
    background-size: contain;
    background-repeat: no-repeat
}

@media only screen and (max-height: 698px) {
    .common-slogan h1 {
        font-size:20px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .common-slogan h3 {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px
    }

    .common-slogan p {
        font-size: 12px;
        line-height: 16px
    }

    .common-slogan p.tip {
        font-size: 10px;
        line-height: 14px
    }

    .common-slogan p+p {
        margin-top: 5px
    }

    .common-slogan .unit {
        font-size: 12px;
        line-height: 14px
    }

    .common-specs-intro .title {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 3px
    }

    .common-specs-intro .desc {
        font-size: 12px;
        line-height: 14px
    }

    .common-desc-list {
        padding-left: 20px
    }

    .common-desc-list li {
        font-size: 12px;
        line-height: 16px
    }

    .common-desc-list li:before {
        left: -18px;
        width: 12px;
        height: 12px
    }
}

@media only screen and (min-height: 1200px) {
    .common-slogan h1 {
        font-size:60px;
        line-height: 60px;
        margin-bottom: 30px
    }

    .common-slogan h3 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 30px
    }

    .common-slogan p {
        font-size: 24px;
        line-height: 36px
    }

    .common-slogan p.tip {
        font-size: 18px;
        line-height: 21px
    }

    .common-slogan p+p {
        margin-top: 15px
    }

    .common-slogan .unit,.common-specs-intro .title {
        font-size: 24px;
        line-height: 28px
    }

    .common-specs-intro .title {
        margin-bottom: 10px
    }

    .common-specs-intro .desc {
        font-size: 16px;
        line-height: 19px
    }

    .common-specs-intro .unit {
        font-size: 14px;
        line-height: 16px
    }

    .common-desc-list {
        padding-left: 50px
    }

    .common-desc-list li {
        font-size: 24px;
        line-height: 36px
    }

    .common-desc-list li:before {
        left: -48px;
        width: 24px;
        height: 24px
    }
}

.product-overview[data-v-cd88b646] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f5f5f5
}

.product-overview .o1[data-v-cd88b646] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170.67vh;
    height: 96vh;
    max-width: 2560px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/3312f3a.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/3312f3a.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .o1[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/5d545eb.jpg)
    }
}

.product-overview .o1[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/3312f3a.jpg) 1x,url(//static.smartisanos.cn/delta/img/5d545eb.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-overview .o1 .kv-slogan-spec[data-v-cd88b646] {
    width: 44.67vh;
    height: 33.93vh;
    max-width: 670px;
    max-height: 509px;
    background: url(//static.smartisanos.cn/delta/img/cc7e3b0.png);
    background-image: url(//static.smartisanos.cn/delta/img/cc7e3b0.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .o1 .kv-slogan-spec[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/889b0c5.png)
    }
}

.product-overview .o1 .kv-slogan-spec[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/cc7e3b0.png) 1x,url(//static.smartisanos.cn/delta/img/889b0c5.png) 2x);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 21vh
}

.product-overview .o1 .phone-coming-for-u[data-v-cd88b646] {
    width: 53.33vh;
    height: 81.87vh;
    max-width: 800px;
    max-height: 1228px;
    background: url(//static.smartisanos.cn/delta/img/9eabe92.png);
    background-image: url(//static.smartisanos.cn/delta/img/9eabe92.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .o1 .phone-coming-for-u[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/e98bc0c.png)
    }
}

.product-overview .o1 .phone-coming-for-u[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/9eabe92.png) 1x,url(//static.smartisanos.cn/delta/img/e98bc0c.png) 2x);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 21vh;
    transition: all 2s cubic-bezier(.1,.75,.24,1);
    transform: translateY(-720px);
    opacity: 0
}

.product-overview .o1 .phone-coming-for-u.pcfu-in[data-v-cd88b646] {
    transform: translateY(0);
    opacity: 1
}

.product-overview .o2[data-v-cd88b646] {
    display: flex;
    align-items: center;
    transition: opacity .3s ease-in 1.6s;
    opacity: 0
}

.product-overview .o2.o2-in[data-v-cd88b646] {
    opacity: 1
}

.product-overview .o2 .common-slogan[data-v-cd88b646] {
    margin: 0 8vh
}

.product-overview .o2 .design-phone-back[data-v-cd88b646] {
    width: 85.33vh;
    height: 96vh;
    max-width: 1280px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/6ce16db.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/6ce16db.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .o2 .design-phone-back[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/bf936b9.jpg)
    }
}

.product-overview .o2 .design-phone-back[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/6ce16db.jpg) 1x,url(//static.smartisanos.cn/delta/img/bf936b9.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-overview .o2 .design-phone-front[data-v-cd88b646] {
    width: 85.33vh;
    height: 96vh;
    max-width: 1280px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/88f82fb.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/88f82fb.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .o2 .design-phone-front[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/432b86e.jpg)
    }
}

.product-overview .o2 .design-phone-front[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/88f82fb.jpg) 1x,url(//static.smartisanos.cn/delta/img/432b86e.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-overview .o3[data-v-cd88b646] {
    display: flex;
    align-items: center
}

.product-overview .o3 .common-slogan[data-v-cd88b646] {
    margin: 8vh
}

.product-overview .o3 .feature-phone-front-black[data-v-cd88b646] {
    width: 74.67vh;
    height: 96vh;
    max-width: 1120px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/7902e44.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/7902e44.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .o3 .feature-phone-front-black[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/a15c4bd.jpg)
    }
}

.product-overview .o3 .feature-phone-front-black[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/7902e44.jpg) 1x,url(//static.smartisanos.cn/delta/img/a15c4bd.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-overview .o3 .feature-phone-back-white[data-v-cd88b646] {
    width: 74.67vh;
    height: 96vh;
    max-width: 1120px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/10c27a5.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/10c27a5.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .o3 .feature-phone-back-white[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/43077f7.jpg)
    }
}

.product-overview .o3 .feature-phone-back-white[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/10c27a5.jpg) 1x,url(//static.smartisanos.cn/delta/img/43077f7.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-overview .o4[data-v-cd88b646] {
    display: flex;
    align-items: center;
    width: 160vh;
    height: 96vh;
    max-width: 2400px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/fa4d17b.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/fa4d17b.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .o4[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/5c343c9.jpg)
    }
}

.product-overview .o4[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/fa4d17b.jpg) 1x,url(//static.smartisanos.cn/delta/img/5c343c9.jpg) 2x);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 21vh
}

.product-overview .o4 .common-slogan[data-v-cd88b646] {
    margin-left: -14vh
}

.product-overview .os[data-v-cd88b646] {
    width: 192vh;
    height: 96vh;
    max-width: 2880px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/a501e7c.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/a501e7c.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-overview .os[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/096a5e0.jpg)
    }
}

.product-overview .os[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/a501e7c.jpg) 1x,url(//static.smartisanos.cn/delta/img/096a5e0.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

@-webkit-keyframes blink-data-v-cd88b646 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes blink-data-v-cd88b646 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.product-design[data-v-cd88b646] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fafafa
}

.product-design .d1[data-v-cd88b646] {
    width: 160vh;
    height: 96vh;
    max-width: 2400px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/96c9093.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/96c9093.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-design .d1[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/cb4cea4.jpg)
    }
}

.product-design .d1[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/96c9093.jpg) 1x,url(//static.smartisanos.cn/delta/img/cb4cea4.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-design .d2[data-v-cd88b646] {
    width: 181.33vh;
    height: 96vh;
    max-width: 2720px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/2d2b6a4.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/2d2b6a4.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-design .d2[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/f69b742.jpg)
    }
}

.product-design .d2[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/2d2b6a4.jpg) 1x,url(//static.smartisanos.cn/delta/img/f69b742.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-design .d3[data-v-cd88b646] {
    width: 213.33vh;
    height: 96vh;
    max-width: 3200px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/3b7cc07.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/3b7cc07.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-design .d3[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/ed45965.jpg)
    }
}

.product-design .d3[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/3b7cc07.jpg) 1x,url(//static.smartisanos.cn/delta/img/ed45965.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-design .d4[data-v-cd88b646] {
    position: relative;
    width: 170.67vh;
    height: 96vh;
    max-width: 2560px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/4ad7cb2.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/4ad7cb2.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-design .d4[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/7d62a6f.jpg)
    }
}

.product-design .d4[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/4ad7cb2.jpg) 1x,url(//static.smartisanos.cn/delta/img/7d62a6f.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-design .d4 .shining-light[data-v-cd88b646] {
    position: absolute;
    top: 26.53vh;
    left: 41.47vh;
    width: 5.13vh;
    height: 5.2vh;
    max-width: 77px;
    max-height: 78px;
    background: url(//static.smartisanos.cn/delta/img/fd57e91.png);
    background-image: url(//static.smartisanos.cn/delta/img/fd57e91.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-design .d4 .shining-light[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/726c51e.png)
    }
}

.product-design .d4 .shining-light[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/fd57e91.png) 1x,url(//static.smartisanos.cn/delta/img/726c51e.png) 2x);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: blink-data-v-cd88b646 3.5s infinite;
    animation: blink-data-v-cd88b646 3.5s infinite
}

.product-design .d5[data-v-cd88b646] {
    display: flex;
    align-items: center;
    height: 96vh;
    background: #ecf1f5
}

.product-design .d5 .snow-left-cover[data-v-cd88b646] {
    position: relative;
    width: 170.67vh;
    height: 96vh;
    max-width: 2560px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/02e4a15.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/02e4a15.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-design .d5 .snow-left-cover[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/533f6ea.jpg)
    }
}

.product-design .d5 .snow-left-cover[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/02e4a15.jpg) 1x,url(//static.smartisanos.cn/delta/img/533f6ea.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-design .d5 .footprints-right-wrap[data-v-cd88b646] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 96vh;
    padding-left: 16vh;
    background: linear-gradient(90deg,#ecf1f5,#fafafa);
    z-index: 2
}

.product-design .d5 .footprints-item[data-v-cd88b646] {
    padding: 0 40px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.product-design .d5 .footprints-item .footprints-img-wrap[data-v-cd88b646] {
    position: relative;
    width: 21.73vh;
    height: 44.13vh;
    max-width: 326px;
    max-height: 662px;
    margin: 0 auto
}

.product-design .d5 .footprints-item .footprints-img[data-v-cd88b646] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: opacity .6s ease-in-out;
    opacity: 0
}

.product-design .d5 .footprints-item .footprints-img.show[data-v-cd88b646] {
    opacity: 1
}

.product-design .d5 .footprints-item .footprints-intro[data-v-cd88b646] {
    margin-top: 26px
}

.product-design .d5 .footprints-item .footprints-intro .title[data-v-cd88b646] {
    font-size: 16px;
    line-height: 18px;
    font-weight: bolder;
    white-space: nowrap;
    color: #000;
    opacity: .8;
    margin-bottom: 10px
}

.product-design .d5 .footprints-item .footprints-intro .date[data-v-cd88b646] {
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    color: #000;
    opacity: .4
}

.product-design .d6[data-v-cd88b646] {
    display: flex;
    align-items: center;
    padding-left: 32vh;
    margin-right: 16vh
}

.product-design .d6 .open-again-slogan[data-v-cd88b646] {
    width: 368px;
    z-index: 2
}

.product-design .d6 .open-again-slogan h1[data-v-cd88b646] {
    font-size: 40px;
    line-height: 46px;
    font-weight: bolder;
    color: #000;
    opacity: .8;
    margin-bottom: 30px;
    white-space: nowrap
}

.product-design .d6 .open-again-slogan p[data-v-cd88b646] {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    opacity: .4
}

.product-design .d6 .package-box-wrap[data-v-cd88b646] {
    width: 112vh;
    height: 96vh;
    max-width: 1680px;
    max-height: 1440px
}

.product-feature[data-v-cd88b646] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 96vh;
    background: #000
}

.product-feature .f1[data-v-cd88b646],.product-feature .f2[data-v-cd88b646] {
    width: 152.67vh;
    height: 96vh;
    max-width: 2080px;
    max-height: 1440px
}

.product-feature .f3[data-v-cd88b646] {
    width: 152.67vh;
    height: 96vh;
    max-width: 2800px;
    max-height: 1440px
}

.product-feature .f4[data-v-cd88b646] {
    width: 152.67vh;
    height: 96vh;
    max-width: 2320px;
    max-height: 1440px
}

.product-feature .f5[data-v-cd88b646] {
    width: 152.67vh;
    height: 96vh;
    max-width: 2560px;
    max-height: 1440px
}

.product-feature .f6[data-v-cd88b646] {
    width: 152.67vh;
    height: 96vh;
    max-width: 4880px;
    max-height: 1440px
}

.product-camera[data-v-cd88b646] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fafafa
}

.product-camera .c2[data-v-cd88b646],.product-camera .c3[data-v-cd88b646],.product-camera .c4[data-v-cd88b646],.product-camera .c5[data-v-cd88b646] {
    height: 96vh;
    padding-left: 32vh
}

.product-camera .c1[data-v-cd88b646] {
    position: relative;
    display: flex;
    width: 154.67vh;
    height: 96vh;
    max-width: 2320px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/dfd24ef.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/dfd24ef.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-camera .c1[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/ef89618.jpg)
    }
}

.product-camera .c1[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/dfd24ef.jpg) 1x,url(//static.smartisanos.cn/delta/img/ef89618.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-camera .c1 .c1-left-wrap[data-v-cd88b646] {
    padding-left: 32vh;
    padding-top: 13.5vh
}

.product-camera .c1 .sample-boxes[data-v-cd88b646] {
    white-space: nowrap
}

.product-camera .c1 .sample-boxes .box[data-v-cd88b646] {
    width: 9.87vh;
    height: 7.67vh;
    max-width: 148px;
    max-height: 112px;
    margin-right: 1.6vh;
    display: inline-block;
    cursor: pointer
}

.product-camera .c1 .common-specs-intro[data-v-cd88b646] {
    align-self: flex-end;
    position: absolute;
    right: 14vh;
    padding-bottom: 8vh
}

.product-camera .c2[data-v-cd88b646] {
    display: flex;
    align-items: center
}

.product-camera .c2 .c2-left-wrap[data-v-cd88b646] {
    margin-right: 16vh
}

.product-camera .c2 .common-desc-list[data-v-cd88b646] {
    margin-bottom: 19.53vh
}

.product-camera .c3[data-v-cd88b646] {
    display: flex;
    align-items: center
}

.product-camera .c3 .common-slogan[data-v-cd88b646] {
    margin-left: 11vh;
    margin-bottom: 10.67vh
}

.product-camera .c3 .common-desc-list[data-v-cd88b646] {
    margin: 6vh 0 0 16vh
}

.product-camera .c4[data-v-cd88b646] {
    display: flex;
    align-items: center
}

.product-camera .c4 .c4-right-wrap[data-v-cd88b646] {
    margin-left: 16vh
}

.product-camera .c4 .common-slogan[data-v-cd88b646] {
    margin: 0 0 25vh
}

.product-camera .c5[data-v-cd88b646] {
    display: flex;
    align-items: center
}

.product-camera .c5 .c5-left-wrap[data-v-cd88b646] {
    margin-right: 16vh;
    height: 60vh
}

.product-camera .c5 .video-line-01[data-v-cd88b646] {
    width: 53.33vh;
    height: 6.4vh;
    max-width: 800px;
    max-height: 96px;
    background: url(//static.smartisanos.cn/delta/img/24cf6fa.png);
    background-image: url(//static.smartisanos.cn/delta/img/24cf6fa.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-camera .c5 .video-line-01[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/c2abfd8.png)
    }
}

.product-camera .c5 .video-line-01[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/24cf6fa.png) 1x,url(//static.smartisanos.cn/delta/img/c2abfd8.png) 2x);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 24vh
}

.product-camera .c5 .video-line-02[data-v-cd88b646] {
    width: 53.33vh;
    height: 6.4vh;
    max-width: 800px;
    max-height: 96px;
    background: url(//static.smartisanos.cn/delta/img/65b941e.png);
    background-image: url(//static.smartisanos.cn/delta/img/65b941e.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-camera .c5 .video-line-02[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/42f0e42.png)
    }
}

.product-camera .c5 .video-line-02[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/65b941e.png) 1x,url(//static.smartisanos.cn/delta/img/42f0e42.png) 2x);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 2.6vh
}

.product-camera .c6[data-v-cd88b646] {
    width: 138.67vh;
    height: 96vh;
    max-width: 2080px;
    max-height: 1440px;
    margin-left: 16vh;
    background: url(//static.smartisanos.cn/delta/img/dff4379.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/dff4379.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-camera .c6[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/3ceaeaf.jpg)
    }
}

.product-camera .c6[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/dff4379.jpg) 1x,url(//static.smartisanos.cn/delta/img/3ceaeaf.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.product-camera .c7[data-v-cd88b646] {
    width: 133.33vh;
    height: 96vh;
    max-width: 2000px;
    max-height: 1440px;
    background: url(//static.smartisanos.cn/delta/img/4493a72.jpg);
    background-image: url(//static.smartisanos.cn/delta/img/4493a72.jpg)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .product-camera .c7[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/b00617d.jpg)
    }
}

.product-camera .c7[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/4493a72.jpg) 1x,url(//static.smartisanos.cn/delta/img/b00617d.jpg) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.phone-frame-vertical[data-v-cd88b646] {
    width: 32.87vh;
    height: 68.4vh;
    max-width: 493px;
    max-height: 1026px;
    background: url(//static.smartisanos.cn/delta/img/60957e2.png);
    background-image: url(//static.smartisanos.cn/delta/img/60957e2.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .phone-frame-vertical[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/3025380.png)
    }
}

.phone-frame-vertical[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/60957e2.png) 1x,url(//static.smartisanos.cn/delta/img/3025380.png) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.phone-frame-horizontal[data-v-cd88b646] {
    width: 75.6vh;
    height: 36.13vh;
    max-width: 1134px;
    max-height: 542px;
    background: url(//static.smartisanos.cn/delta/img/e79463a.png);
    background-image: url(//static.smartisanos.cn/delta/img/e79463a.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .phone-frame-horizontal[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/a52a2e5.png)
    }
}

.phone-frame-horizontal[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/e79463a.png) 1x,url(//static.smartisanos.cn/delta/img/a52a2e5.png) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.common-phone-vertical-wrap[data-v-cd88b646] {
    position: relative;
    width: 32.87vh;
    height: 68.4vh;
    max-width: 493px;
    max-height: 1026px
}

.common-phone-vertical-wrap .phone-frame-vertical[data-v-cd88b646] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6
}

.common-phone-vertical-wrap .btn-play-video[data-v-cd88b646],.common-phone-vertical-wrap .phone-vertical[data-v-cd88b646],.common-phone-vertical-wrap .video-cover-vertical[data-v-cd88b646],.common-phone-vertical-wrap .video-vertical[data-v-cd88b646] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5
}

.common-phone-vertical-wrap .btn-play-video[data-v-cd88b646] {
    z-index: 7
}

.common-phone-horizontal-wrap[data-v-cd88b646] {
    position: relative;
    width: 75.6vh;
    height: 36.13vh;
    max-width: 1134px;
    max-height: 542px
}

.common-phone-horizontal-wrap .phone-frame-horizontal[data-v-cd88b646] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6
}

.common-phone-horizontal-wrap .phone-horizontal[data-v-cd88b646] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5
}

.phone-vertical[data-v-cd88b646] {
    width: 29.47vh;
    height: 63.73vh;
    max-width: 442px;
    max-height: 956px;
    background: url(//static.smartisanos.cn/delta/img/e7e2ff1.png);
    background-image: url(//static.smartisanos.cn/delta/img/e7e2ff1.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .phone-vertical[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/e7e2ff1.png)
    }
}

.phone-vertical[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/e7e2ff1.png) 1x,url(//static.smartisanos.cn/delta/img/e7e2ff1.png) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.phone-horizontal[data-v-cd88b646] {
    width: 70.4vh;
    height: 32.53vh;
    max-width: 1056px;
    max-height: 488px;
    background: url(//static.smartisanos.cn/delta/img/4c88048.png);
    background-image: url(//static.smartisanos.cn/delta/img/4c88048.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .phone-horizontal[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/4c88048.png)
    }
}

.phone-horizontal[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/4c88048.png) 1x,url(//static.smartisanos.cn/delta/img/4c88048.png) 2x);
    background-repeat: no-repeat;
    background-size: contain
}

.video-cover-vertical[data-v-cd88b646],.video-vertical[data-v-cd88b646] {
    width: 29.47vh;
    height: 63.8vh;
    max-width: 442px;
    max-height: 956px
}

.btn-play-video[data-v-cd88b646] {
    width: 100%;
    height: 100%;
    background: url(//static.smartisanos.cn/delta/img/c9f75ce.png);
    background-image: url(//static.smartisanos.cn/delta/img/c9f75ce.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .btn-play-video[data-v-cd88b646] {
        background-image: url(//static.smartisanos.cn/delta/img/5601a44.png)
    }
}

.btn-play-video[data-v-cd88b646] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/c9f75ce.png) 1x,url(//static.smartisanos.cn/delta/img/5601a44.png) 2x);
    background-size: 4.9vh;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .3s linear;
    opacity: 1;
    cursor: pointer
}

.btn-play-video[data-v-cd88b646]:hover {
    opacity: .6
}

.btn-play-video.out[data-v-cd88b646] {
    opacity: 0
}

.btn-play-video.out[data-v-cd88b646]:hover {
    opacity: .6
}

@media only screen and (max-height: 698px) {
    .product-overview .o1 h1[data-v-cd88b646] {
        font-size:40px;
        line-height: 40px;
        margin-bottom: 18px
    }

    .product-overview .o1 h1 .red-point[data-v-cd88b646] {
        padding: 0 10px
    }

    .product-overview .o1 .desc-lists .desc-list li[data-v-cd88b646] {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px
    }

    .product-design .d5 .footprints-item[data-v-cd88b646] {
        padding: 0 20px
    }

    .product-design .d5 .footprints-item .footprints-intro[data-v-cd88b646] {
        margin-top: 13px
    }

    .product-design .d5 .footprints-item .footprints-intro .title[data-v-cd88b646] {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px
    }

    .product-design .d5 .footprints-item .footprints-intro .date[data-v-cd88b646] {
        font-size: 12px;
        line-height: 12px
    }

    .product-camera .c7 .common-slogan[data-v-cd88b646] {
        width: 86vh
    }
}

@media only screen and (min-height: 1200px) {
    .product-overview .o1 h1[data-v-cd88b646] {
        font-size:120px;
        line-height: 120px;
        margin-bottom: 54px
    }

    .product-overview .o1 .desc-lists li[data-v-cd88b646] {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px
    }

    .product-design .d5 .footprints-item[data-v-cd88b646] {
        padding: 0 60px
    }

    .product-design .d5 .footprints-item .footprints-intro[data-v-cd88b646] {
        margin-top: 39px
    }

    .product-design .d5 .footprints-item .footprints-intro .title[data-v-cd88b646] {
        font-size: 24px;
        line-height: 28px
    }

    .product-design .d5 .footprints-item .footprints-intro .date[data-v-cd88b646] {
        font-size: 16px;
        line-height: 19px
    }
}

.scroll-container-vertical[data-v-8d894a36] {
    width: 100%
}

.scroll-container-horizontal[data-v-8d894a36] {
    position: fixed;
    top: 40px;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: -webkit-flex;
    align-items: center;
    padding-bottom: 85px;
    display: block\9
}

.scroll-container-touch[data-v-8d894a36] {
    left: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10;
    align-self: flex-end;
    pointer-events: none
}

.scroll-container-touch.supoort-touch[data-v-8d894a36] {
    pointer-events: auto;
    cursor: pointer
}

.scroll-container-touch .content[data-v-8d894a36],.scroll-content[data-v-8d894a36] {
    height: 100vh;
    align-self: flex-end;
    position: absolute
}

.scroll-content[data-v-8d894a36] {
    background: #fff
}

.package-box-wrap[data-v-30708ab9] {
    position: relative;
    width: 100%;
    height: 100%
}

.package-item[data-v-30708ab9] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .5s linear;
    opacity: 0
}

.package-item[data-v-30708ab9]:first-child {
    z-index: 10
}

.package-item.active[data-v-30708ab9] {
    opacity: 1
}

.package-item.move-left[data-v-30708ab9] {
    -webkit-animation: moveLeft-data-v-30708ab9 .5s ease-out;
    animation: moveLeft-data-v-30708ab9 .5s ease-out
}

.package-item.move-right[data-v-30708ab9] {
    -webkit-animation: moveRight-data-v-30708ab9 .5s ease-in;
    animation: moveRight-data-v-30708ab9 .5s ease-in
}

.package-item.down[data-v-30708ab9] {
    -webkit-animation: down-data-v-30708ab9 .5s ease-out;
    animation: down-data-v-30708ab9 .5s ease-out
}

.package-item.up[data-v-30708ab9] {
    -webkit-animation: up-data-v-30708ab9 .5s ease-in;
    animation: up-data-v-30708ab9 .5s ease-in
}

.package-item.open[data-v-30708ab9] {
    -webkit-animation: open-data-v-30708ab9 .5s ease-in;
    animation: open-data-v-30708ab9 .5s ease-in
}

.package-item.close[data-v-30708ab9] {
    -webkit-animation: close-data-v-30708ab9 .5s ease-in;
    animation: close-data-v-30708ab9 .5s ease-in
}

.package-dots[data-v-30708ab9] {
    position: absolute;
    left: 50%;
    bottom: 12vh;
    transform: translate(-50%);
    z-index: 11
}

.package-dots li[data-v-30708ab9] {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(0,0,0,.1);
    font-size: 0;
    cursor: pointer
}

.package-dots li.active[data-v-30708ab9] {
    background: rgba(0,0,0,.6)
}

.package-prev[data-v-30708ab9] {
    position: absolute;
    top: 50%;
    left: 14vh;
    margin-top: -24px;
    width: 48px;
    height: 48px;
    background: url(//static.smartisanos.cn/delta/img/0a90173.png);
    background-image: url(//static.smartisanos.cn/delta/img/0a90173.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .package-prev[data-v-30708ab9] {
        background-image: url(//static.smartisanos.cn/delta/img/6a22c77.png)
    }
}

.package-prev[data-v-30708ab9] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/0a90173.png) 1x,url(//static.smartisanos.cn/delta/img/6a22c77.png) 2x);
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .3s linear;
    opacity: 1;
    cursor: pointer;
    z-index: 11
}

.package-next[data-v-30708ab9] {
    position: absolute;
    top: 50%;
    right: 14vh;
    margin-top: -24px;
    width: 48px;
    height: 48px;
    background: url(//static.smartisanos.cn/delta/img/8da25b8.png);
    background-image: url(//static.smartisanos.cn/delta/img/8da25b8.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .package-next[data-v-30708ab9] {
        background-image: url(//static.smartisanos.cn/delta/img/75c4b20.png)
    }
}

.package-next[data-v-30708ab9] {
    background-image: -webkit-image-set(url(//static.smartisanos.cn/delta/img/8da25b8.png) 1x,url(//static.smartisanos.cn/delta/img/75c4b20.png) 2x);
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .3s linear;
    opacity: 1;
    cursor: pointer;
    z-index: 11
}

.package-next.disabled[data-v-30708ab9],.package-prev.disabled[data-v-30708ab9] {
    opacity: 0;
    pointer-events: none;
    cursor: not-allowed
}

@-webkit-keyframes moveLeft-data-v-30708ab9 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-500px)
    }
}

@keyframes moveLeft-data-v-30708ab9 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-500px)
    }
}

@-webkit-keyframes moveRight-data-v-30708ab9 {
    0% {
        transform: translateX(-500px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes moveRight-data-v-30708ab9 {
    0% {
        transform: translateX(-500px)
    }

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes down-data-v-30708ab9 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(500px)
    }
}

@keyframes down-data-v-30708ab9 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(500px)
    }
}

@-webkit-keyframes up-data-v-30708ab9 {
    0% {
        transform: translateY(500px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes up-data-v-30708ab9 {
    0% {
        transform: translateY(500px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes open-data-v-30708ab9 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.3)
    }
}

@keyframes open-data-v-30708ab9 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.3)
    }
}

@-webkit-keyframes close-data-v-30708ab9 {
    0% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

@keyframes close-data-v-30708ab9 {
    0% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

.tag[data-v-5a2013b6] {
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    padding: 2px 10px 3px;
    border-radius: 50px;
    color: #fff;
    background: #db554a;
    box-sizing: border-box;
    margin-left: .6vh
}

.tag.green[data-v-5a2013b6] {
    background: #8abfb1
}

.tag.green[data-v-5a2013b6]:before {
    border: 1px solid rgba(138,173,55,.2)
}

.tag.blue[data-v-5a2013b6] {
    background: #547bd6
}

.tag.blue[data-v-5a2013b6]:before {
    border: 1px solid rgba(239,142,45,.2)
}

.tag.dark[data-v-5a2013b6] {
    background: #666
}

@media only screen and (max-height: 698px) {
    .tag[data-v-5a2013b6] {
        font-size:12px;
        line-height: 15px;
        padding: 2px 8px 3px;
        border-radius: 50px
    }
}

@media only screen and (min-height: 1200px) {
    .tag[data-v-5a2013b6] {
        font-size:18px;
        line-height: 21px;
        padding: 4px 16px 5px;
        border-radius: 100px
    }
}

.carrousel-wrap[data-v-1c8dc7a2] {
    position: relative;
    width: 100%;
    height: 100%
}

.carrousel-item[data-v-1c8dc7a2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .5s linear;
    opacity: 0
}

.carrousel-item.active[data-v-1c8dc7a2] {
    opacity: 1
}

.carrousel-img[data-v-1c8dc7a2] {
    width: 100%
}

.carrousel-dots[data-v-1c8dc7a2] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center
}

.carrousel-dots li[data-v-1c8dc7a2] {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(0,0,0,.1);
    font-size: 0;
    cursor: pointer
}

.carrousel-dots li.active[data-v-1c8dc7a2] {
    background: rgba(0,0,0,.6)
}
/*
::-webkit-scrollbar {
    !*隐藏滚轮*!
    display: none;
}*/
